<div id="header">
	<div class="page-container clearfix" id="nav">
		<div id="logo" class="logo"><a href="/" target="_self" class="hide-text" title="青之巅">青之巅</a></div>

		<button type="button" class="navbar-toggle visible-xs-block js-show-menu">
			<i class="icon-menu"></i>
		</button>
		<ul class="nav-item">
			<li class="set-btn visible-xs-block js-header-avator"><a href="/" target="_self"><img title="青之巅" src="${s.base}/res/i/logo1.png" width="auto" height="auto"></a></li>
			<li><a href="/" target="_self">首 页</a></li>
			<li><a href="/course/list.html" target="_self">课 程</a></li>
			<li><a href="/user/mycourse.html" class="" target="_self">我 的</a></li>
			<li class="visible-xs-block"><a href="/user/setprofile" target="_self">我的设置</a></li>
			<li class="visible-xs-block"><a href="/auth/logout.html" target="_self">退出</a></li>
		</ul>
		<div id="login-area">
			<ul class="clearfix logined">

				<li class="remind_warp">
					<i class="msg_remind" style="display: inline;"></i>
					<a target="_blank" href="/user/notice.html">
						<i class="icon-notifi"></i>
						<!-- <span class="msg_icon" style="display: none;"></span> -->
					</a>
				</li>

				<li class="set_btn user-card-box" id="header-user-card">
					<a id="header-avator" class="user-card-item js-header-avator" action-type="my_menu" href="/user/mycourse.html" target="_self">
						<img src='<@shiro.principal property="header"/>' width="40" height="40">
						<i class="myspace_remind" style="display: none;"></i>
						<span style="display: none;">动态提醒</span>
					</a>
					<div class="g-user-card">
						<div class="card-inner">
							<div class="card-top clearfix">
								<a href="/user/mycourse" class="l"></a>
								<!--<img src='<@shiro.principal property="header"/>' alt='<@shiro.principal property="username"/>'></a>-->
								<img  id="userdetail" class="user-header" alt="" src="/res/i/header.jpg">
								<div class="card-top-right-box l" id="nav_list">
									<a href="/user/mycourse"><span class="name text-ellipsis"><@shiro.principal property="username"/></span></a>
									<div class="meta">
										<a href="/u/7126621/experience">经验<b id="js-user-mp">672</b></a>
										<a href="/u/7126621/credit">积分<b id="js-user-credit">2</b></a>
									</div>
								</div>
							</div>
							<div class="user-center-box">
								<ul class="clearfix">
									<li class="l"><a href="/user/mycourse" target="_blank"><span class="user-center-icon icon-tick"></span>我的课程</a></li>
									<li class="l">
										<a href="//order.imooc.com/myorder" target="_blank"><span class="user-center-icon icon-receipt"></span>订单中心</a>
									</li>
									<li class="l"><a href="/mall/index" target="_blank"><span class="user-center-icon icon-score_shop"></span>积分商城</a></li>
									<li class="l"><a href="/user/setbindsns" target="_blank"><span class="user-center-icon icon-set"></span>个人设置</a></li>
								</ul>
							</div>
							<div class="card-history">
								<span class="history-item">
									<span class="tit text-ellipsis">Git入门</span>
									<span class="media-name text-ellipsis">3-4 分支管理</span>
									<i class="icon-clock"></i>
									<a href="//www.imooc.com/video/17971" class="continue" title="Git入门3-4  分支管理">继续</a> </span>
							</div>
							<div class="card-sets clearfix">
								<a href="/auth/logout" class="l">安全退出</a>
							</div>
						</div>
					</div>
				</li>
			</ul>
		</div>
		<div class="search-warp clearfix" style="min-width: 32px; height: 72px;">
			<div class="pa searchTags">
				<!--<a href="//class.imooc.com/sc/20" target="_blank">硬表面建模</a>-->
				<!--<a href="//class.imooc.com/sc/18" target="_blank">运动图形</a>-->
			</div>

			<div class="search-area" data-search="top-banner">
				<input class="search-input" data-suggest-trigger="suggest-trigger" type="text" autocomplete="off">
				<input type="hidden" class="btn_search" data-search-btn="search-btn">
				<ul class="search-area-result" data-suggest-result="suggest-result">
				</ul>
			</div>
			<div class="showhide-search" data-show="no"><i class="icon-search"></i></div>
		</div>
	</div>
</div>



